<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<ui:composition template="/templates/templateLayout.xhtml">

	<f:metadata>
		<f:event type="preRenderView" listener="#{alquilerBean.vermensaje()}" />
	</f:metadata>

	<ui:define name="centerContent">
		<h:panelGroup layout="block"
			class="title ui-widget-header ui-corner-all"
			style="padding: 8px; font-size: 16px !important; text-align: center;">
			<h:outputText value="#{msgs['title.alquiler.vencer']}" />

			<h:form id="formentity">
				<p:growl showDetail="true" id="msgGrwl" />
				<p:messages id="messagesFilter" showDetail="true" closable="true"
					showSummary="true" />



				<p:dataTable id="list" var="item" value="#{alquilerBean.list}"
					rowKey="#{item.id}" lazy="true" selectionMode="single"
					selection="#{alquilerBean.entity}" paginator="true"
					resizableColumns="false" rows="10" widgetVar="entityTable"
					paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					rowsPerPageTemplate="10,20,30,50" paginatorPosition="bottom"
					filterDelay="1000" emptyMessage="#{msgs['lista.vacia']}" sortBy="#{item.fechaFin}">
					<p:ajax event="rowSelect" listener="#{alquilerBean.onRowSelect}"
						update=":formentity:msgGrwl" />
					<p:ajax event="filter"
						listener="#{alquilerBean.filterListener(':formentity:list')}"
						update=":formentity:messagesFilter" />
					
					<p:column headerText="#{msgs['form.fecfin']}"
						sortBy="#{item.fechaFin}">
						<h:outputText value="#{item.fechaFin}">
							<f:convertDateTime type="date" pattern="dd/MM/yyyy" />
						</h:outputText>
					</p:column>

					<p:column headerText="#{msgs['form.direccion']}"
						filterBy="#{item.propiedad.direccion}" id="direccion"
						sortBy="#{item.propiedad.direccion}">
						<h:outputText value="#{item.propiedad.direccionCompleta()}" />
						<p:watermark forElement="formentity:list:direccion:filter"
							value="#{msgs['filtro']} #{msgs['direccion']}..." />
					</p:column>
					<p:column headerText="#{msgs['form.inquilino']}"
						filterBy="#{item.inquilino.apellido}" id="apellido"
						sortBy="#{item.inquilino.apellido}}">
						<h:outputText value="#{item.inquilino.apellidoNombre()}" />
						<p:watermark forElement="formentity:list:apellido:filter"
							value="#{msgs['filtro']} #{msgs['inquilino.apellido']}..." />
					</p:column>
					<p:column headerText="#{msgs['form.propietario']}"
						filterBy="#{item.propiedad.propietario.apellido}" id="propietario"
						sortBy="#{item.propiedad.propietario.apellido}">
						<h:outputText
							value="#{item.propiedad.propietario.apellidoNombre()}" />
						<p:watermark forElement="formentity:list:propietario:filter"
							value="#{msgs['filtro']} #{msgs['propiedad.propietario.apellido']}..." />
					</p:column>
					<p:column headerText="#{msgs['form.estado']}" id="estado" 
						filterOptions="#{utilsBean.estados}" filterBy="#{item.estado}"
						sortBy="#{item.estado}">
						<h:outputText value="#{item.estado.toString()}" />
					</p:column>

					<p:column width="80">

						<h:link outcome="view" title="Ver">
							<p:graphicImage library="images" name="view-grid.png" />
							<f:param name="id" value="#{item.id}" />
						</h:link>

						<h:link outcome="cuotas" title="Cuotas">
							<p:graphicImage library="images" name="cuota.png" />
							<f:param name="id" value="#{item.id}" />
						</h:link>
					</p:column>
				</p:dataTable>
				<script>
			        jQuery(document).ready(function() {					        
			        document.getElementById("formentity:list:estado:filter").selectedIndex = 4;
			        entityTable.filter();
			         });		        
			    </script>
			</h:form>
		</h:panelGroup>
	</ui:define>
</ui:composition>
</html>